<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/general.xhtml">

	<ui:define name="title">
		<h:outputText value="Main Flow" />
	</ui:define>

	<ui:define name="header">
		<h1>
			<h:outputText value="PLEASE SIGN IN" />
		</h1>
	</ui:define>
	
	<ui:define name="content">
		<h:form id="loginForm">
			<p:fieldset styleClass="fieldset" legend="Autantication Form">
			<p:messages id="messages"></p:messages>
				<h:panelGrid id="logPanelGrid" style="margin: 0 auto; margin-top: 25px; text-align: center;" cellspacing="8" columns="3">
					<h:panelGroup>
						<h:outputText value="User Name :"></h:outputText>
						<h:outputText style="color: red;" value=" *  "></h:outputText>
					</h:panelGroup>
					<p:inputText id="userName" value="" required="true" label="User Name" title="Enter Your User Name !"></p:inputText>
					<p:tooltip for="userName" styleClass="tooltip" showEvent="focus" hideEvent="blur"></p:tooltip>
					<h:panelGroup>
						<h:outputText value="Password :"></h:outputText>
						<h:outputText style="color: red;" value=" *  "></h:outputText>
					</h:panelGroup>
					<p:inputText id="password" value="" required="true" label="Password" title="Please enter a password !"></p:inputText>
					<p:tooltip for="password" styleClass="tooltip" showEvent="focus" hideEvent="blur"></p:tooltip>
					<p:commandButton id="submitButton" action="signIn" update="logPanelGrid,messages" icon="ui-icon-check" value="Sign In"></p:commandButton>
					<p:commandButton id="newUserButton" action="newUser" update="logPanelGrid,messages" icon="ui-icon-plus" value="Sign Up"></p:commandButton>
				</h:panelGrid>
			</p:fieldset>
		</h:form>
	</ui:define>


</ui:composition>
